<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>选择商品</title>
		<link type="text/css" rel="stylesheet" href="/fontsawesome/css/font-awesome.css"/>
		<link type="text/css" rel="stylesheet" href="/css/style.css"/>
		<link type="text/css" rel="stylesheet" href="/css/demo.css"/>

		<style>
			.explain{
				margin-left: 16px;
				font-size: 13px;
				font-weight: bold;
				color: red;
			}
			.title_top{
				padding:10px 0;
				font-size:20px;
			}
			.title_top span h1{
				margin: 13px;
				color: #0a5eb6;
			}
			.titlebtn_box {
				padding:10px 0;
				border-bottom: 1px dashed #ddd;
			}
			.dbb {
				position: relative;
				left: -350px;
			}
		</style>
	</head>
	<body>
		<div class="main_box">
			<div class="cont_box editpro_box">
				<div class="title_top"><span><h1>新增活动</h1></span></div><!--这里的id是用户id-->
				<form method="post" id="choose_form">
					<ul class="addpro_box">
						<li>
							<label>请选择活动：</label>
							<div class="f_left choose_span choose_radio">
								<!--这里span需要传活动的编号值-->
								<span value="1">全场商品打折</span>
								<span value="2">商品类型打折</span>
								<span value="3">指定商品打折</span>
							</div>
							<span>
								<input type="button" value="确认选择" class="btn blue_btn dbb"/>
							</span>
						</li>
						<li>
							<div id="explain" class="explain titlebtn_box">

							</div>
						</li>
					</ul>

				</form>
			</div>
		</div>
		<!--javascript include-->
		<script src="/js/jquery-2.2.1.min.js"></script>
		<script src="/js/jquery.dataTables.min.js"></script>
		<script src="/js/bootstrap-datepicker.js"></script>
		<script src="/js/jquery.validate.min.js"></script>
		<script src="/js/other.js"></script>
		<script>
			var choose = null;
			$(function() {
				$(".choose_radio span").click(function () {
					$(this).addClass("curr").siblings().removeClass("curr");
					switch ($(this).attr("value")) {
						case "1":
							$("#explain").text("* 所有的商品可根据您设定的指定折扣来进行活动促销！");
							choose = 1;
							break;
						case "2":
							$("#explain").text("* 可根据您选择的商品类型对其下所有该类型商品进行活动促销！");
							choose = 2;
							break;
						case "3":
							$("#explain").text("* 可根据您选择商品对其进行制定的活动折扣或价格进行活动促销！");
							choose = 3;
							break;
					}
				});
			});

			$(":button[value='确认选择']").bind("click",function () {
				if (choose == null) return;
				toJump1("/activationRecord/activity","choose=" + choose);
			});



		</script>
	</body>
</html>
